#fake-body {
overflow:auto;
z-index:1;
}

#dock {
position:fixed;
height:200px;
z-index:100;
width:100%;
bottom: -169px; left: 0px;
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(../images/nav_bg.png) repeat-x top left;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(../images/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(../images/nav_bg.png) 0px -30px no-repeat;
	float:left;
	margin:0;
}
.card.ui-selecting {
 background: #717275; 

 }
.card.ui-sortable-helper {
 background: #717275; 

 }
 
 
.card.ui-selected { 
background:#001B46;
}
 .card.ui-selected .cardDesc{
color:#ffffff;
}
/*
.card.ui-selected{
  margin: 4px;
 border-width:3px;
}
*/
.card {
  display: block;
  width: auto;
  height: 225px;
  margin: 5px;
  float: left;
  padding:5px;
  padding-bottom:15px;
  background: #d8dfea;
  /*border: 2px solid;*/
}

.cardList .cards {
  overflow: hidden;
  margin: 10px 0;
  padding-left: 25px;
}

.cardImg { width: 150px; 
height: 211px;
 overflow: hidden; 
   border: 1px solid;
   }
 
.cardImg img
{
width: 187px; 
height: 248px;
margin: -18px 0 0 -18px;

}

.cardDesc {
/*border-width:2px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;*/
font-size:12px;
padding: 2px;
text-align: center;
font-weight: bold;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

}

/*Items*/
.itemList .items {
  overflow: hidden;
  margin: 10px 0;
  padding-left: 25px;
}

.item {
  display: block;
  width: 153px;
  height: auto;
  margin: 5px;
  float: left;
  padding:5px;
 /* padding-bottom:15px;*/
  background: #d8dfea;
  /*border: 2px solid;*/
}

.item:hover
{
	background: #627AAD;
}

.itemImg { width: 150px; 
height: 211px;
 overflow: hidden; 
   border: 1px solid;
}
 
.itemImg img
{
width: 187px; 
height: 248px;
margin: -18px 0 0 -18px;

}

.popitemImg { width: 250px; 
height: 351px;
 overflow: hidden; 

   display: block;   margin-left: auto;   margin-right: auto;

}
 
.popitemImg img
{
width: 250px; 
height: 351px;


}

 .popitemDesc {
/*border-width:2px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;*/
font-size:12px;
padding: 2px;
text-align: center;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

}  
 .popitemName {
/*border-width:2px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;*/
font-size:14px;
padding: 2px;
text-align: center;
font-weight: bold;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

}  

 .itemName {
/*border-width:2px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;*/
font-size:12px;
padding: 2px;
text-align: center;
font-weight: bold;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}  

 .itemDesc {
/*border-width:2px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;*/
font-size:12px;
padding: 2px;
text-align: center;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
display:none;

}  

 .itemPrice {
/*border-width:2px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;*/
font-size:12px;
padding: 2px;
text-align: center;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}  
   
   .item.ui-selected { 
background:#001B46;
}
 .item.ui-selected .itemDesc, .item.ui-selected .itemPrice, .item.ui-selected .itemName{
color:#ffffff;
}
#example-content-1 {
	display: none;        /* required */
	position: absolute;   /* required */
	padding: 10px;
	/*border: 1px solid black;*/
	background-color: white;
}

.includedCardList{
left:50%;

}

.itemcard {
font-size:10px;
text-align: center;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

}